<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" name="" id="num" value=""> * 2 = <span id="span-1"></span>
		<div id="div-1"></div>
		<script type="text/javascript">
			// oninput 监听输入事件
			var input = document.querySelector('#num');
			var div = document.querySelector('#div-1');
			var span = document.querySelector('#span-1');
			console.dir(input);
			input.oninput = function(){
				console.log(input.value);
				div.innerText = input.value;
				span.innerText = input.value * 2;
			}
			console.dir(num); // 不是标准方法，推荐先获取，在使用。
		</script>
	</body>
</html>